<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"/>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
</head>
<body>
<h1>欢迎来到登陆界面！</h1>

<div th:if="${param.error}">
    <input th:value="无效的用户或密码！" id="errorMsg" type="hidden"/>
</div>
<div th:if="${param.logout}">
    <input th:value="你已经退出" id="errorMsg" type="hidden"/>
</div>
<div th:if="${#httpServletRequest.remoteUser!=null}">
    <input th:value="${#httpServletRequest.remoteUser}" id="errorMsg" type="hidden"/>
</div>
<div>
    <form th:action="@{/login}" id="loginForm" method="post">
        <div class="loginTit png"></div>
        <ul class="">
            <li>
                <label for="username" class=""></label>
                <input id="username" class="username" name="username" type="text" placeholder="您的用户名"/>
                <div class=""></div>
            </li>

            <li>
                <label for="password" class=""></label>
                <input id="password" class="password" name="password" type="text" placeholder="登陆密码"/>
                <div class=""></div>
            </li>

            <li class="">
                <label class=""></label>
                <input id="checkCode" name="checkCode" class="checkCode" type="text" placeholder="验证码">
                <img onclick="reloadImg()" style="cursor: pointer" th:src="@{/images/imagecode}" id="validateImg"
                     alt="验证码" class="codePic" title="验证码。单击此处更新验证码" ／>
                <a class="getOteher" href="javascript:void(0)" onclick="reloadImg();" title="单击此处可以更新验证码">更新</a>
            </li>

            <ul class="" style="display: none">
                <li>
                    <a href="javascript:void(0);" onclick="tologin();">本页面已经失效，请单击此处重新登陆</a>
                </li>
            </ul>
        </ul>

        <div>
            <div class="check-box">
                <input type="hidden" value="0" id="remember-me" name="remember-me"
                       onclick="if (this.checked){this.value=1}else {this.value=0}"/>
                <span>记住我</span>
                <input type="button" id="loginBtn" onclick="verSumbmit()" value="登陆" class="loginBtn png">
            </div>
        </div>
    </form>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>